<!DOCTYPE html>
<html>
<head lang="en">
	<meta charset="UTF-8">
	<title></title>
	<style type="text/css">
		.box {
    flex-direction: row;
    flex-wrap: nowrap;
}
		.box {
			display: flex;
			background-color: white;
		}
		.box-item {
			width: 200px;
			height: 200px;
			line-height: 200px;
			vertical-align: middle;
			margin: 5px;
			background-color: #ffd200;
			font-size: 100px;
			color: white;
			text-align: center;
		}
	</style>
</head>
<body>
	<div class="box">
		<div class="box-item">1</div>
		<div class="box-item">2</div>
		<div class="box-item">3</div>
		<div class="box-item">4</div>
		<div class="box-item">5</div>
		<div class="box-item">6</div>
		<div class="box-item">7</div>
	</div>
</body>
</html>